/*内容界面*/
#content{
    width: 1024px;
    height: 658px;
}
#content img{
    position: absolute;
    width: 1024px;
    height: 658px;
    z-index: -1
}
#count-com {
    top: 121px;
    right: 37px;
}
/*输入框*/
#content #input-box{
	position: relative;
	top: 66px;
}
#content #input-box p{
	position: absolute;
	left: 274.5px;
	width: 475px;
	height: 77px;
	color: #000000;
	font-size: 55px;
	text-align: center;
	/*font-family: PingFangSC-Regular;*/
}
/*去掉选项框*/
#content #input-box input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
#content #input-box input[type="number"]{
  -moz-appearance: textfield;
}
#content #input-box input{
	position: absolute;
	outline: none;
	font-size: 32px;
	text-align: center;
	left: 353.5px;
	top: 94px;
	width: 317px;
	height: 60px;
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(151, 151, 151, 1);

}
/*按钮框*/
#content #buttons{
	/*border:1px solid black;*/
	position: absolute;
	top: 332px;
	width: 1024px;
	height: 404px;
}
#content #buttons button{
	cursor: pointer;
}
#content #buttons .right-box{
	display: inline-block;
	width: 218px;
	height: 404px;
}
#content #buttons .left-box{
	display: inline-block;
	float: right;
	width: 218px;
	height: 404px;
}
#content #buttons .left{
	float: left;
	width: 218px;
	height: 77px;
	margin-bottom: 32px;
	background-color: rgba(255, 232, 0, 1);
	border-top-right-radius: 27px;
	border-bottom-right-radius: 27px;

}
#content #buttons .left:hover{
	border:2px solid black;
	border-width: 2px 2px 2px 0px;
	box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.5);
}
#content #buttons .left:active{
	box-shadow:inset 0px 5px 5px 1px rgba(0, 0, 0, 0.5);
	border: 0;
}
#content #buttons .right{
	float: right;
	width: 218px;
	height: 77px;
	margin-bottom: 32px;
	background-color: rgba(255, 232, 0, 1);
	border-top-left-radius: 27px;
	border-bottom-left-radius: 27px;
}
#content #buttons .right:hover{
	border:2px solid black;
	border-width: 2px 0px 2px 2px;
	box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.5);
}
#content #buttons .right:active{
	box-shadow:inset 0px 5px 5px 1px rgba(0, 0, 0, 0.5);
	border: 0;
}
#content #buttons p{
	font-size: 55px;
    text-align: center;
    /*font-family: PingFangSC-Regular*/

}
/*中文字*/
#content #buttons .CHtext{
	font-size: 50px;
    text-align: center;
    /*font-family: PingFangSC-Regular*/

}
#content #buttons .cancel{
	background-color: rgba(0, 217, 33, 1);
}
#content #buttons .cancel:hover{
	border: 0;
	width: 240px;
    height: 80px;
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.5);
}
#content #buttons .cancel:active{
	width: 240px;
    height: 80px;
    box-shadow: inset 0px 5px 5px 1px rgba(0, 0, 0, 0.5);
}
#content #buttons .confirm{
	background-color: rgba(255, 0 , 0 ,1);
}
#content #buttons .confirm:hover{
	border: 0;
	width: 240px;
    height: 80px;
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.5);
}
#content #buttons .confirm:active{
	width: 240px;
    height: 80px;
    box-shadow: inset 0px 5px 5px 1px rgba(0, 0, 0, 0.5);
}